import type { ReactElement } from 'react'
import type { NextPage } from 'next'
import Layout from '../../../components/layout'
import MainLayout from '../../../components/layout/main'
import Sidbar from '../../../components/layout/sidebar'
import { useRouter } from 'next/router'

export default function Issues() {
  const router = useRouter()
  // console.log(router.query)
  return (
    <div>
      Issues { router.query.name }
    </div>
  )
}

Issues.getLayout = function getLayout(page: ReactElement) {
  return (
    <Layout>
      <MainLayout>
        <Sidbar>
          {page}
        </Sidbar>
      </MainLayout>
    </Layout>
  )
}